*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}
body{
     background-color:#F5F8FA;
 }
.container{
    width: 1200px;
    margin:0 auto;
}
nav{
    background-color:#3097D1;
    height: 40px;
    line-height: 40px;
}
nav ul{
    display: flex;
    flex-direction: row;
}
nav ul li img{
    width:92px;
    padding-top:8px;
}
nav ul li a{
    color:#C1DDEF;
    padding-left: 40px;
    font-size: 14px;
}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px;
}
.col-3{
    flex:0 0 25%;
    padding-left: 15px;
    padding-right: 15px;
}
.col-6{
    flex:0 0 50%;
    padding-right: 15px;
    padding-left:15px;
}
.itme{
    border:1px solid #DEE7EE;
    border-radius:5px;
    padding: 10px;
    margin-top: 20px;
}
.itme3 img{
    width:100%;
}
.itme3 .img1{
    border-top-left-radius:5px;
    border-top-right-radius: 5px;
}
.itme3 .img2{
    width:35%;
    border-radius:50%;
    position: relative;
    top:-52px;
    left:78px;
}
.itme3{
    border:1px solid #DEE7EE;
    border-radius:5px;
    margin-top: 20px;
}
.itme3 p{
    text-align: center;
    padding-top: 5px;
    padding-bottom:20px;
    color:#1E3948;
}
.itme3 h3{
    text-align: center;
    margin-top:-55px;
}
.itme p{
    font-size:15px;
    margin-top:5px;
}
.itme p span{
    color:#5EBAE5;
    font-size:15px;
}
.itme .row{
    margin-right:-5px;
    margin-left:-5px;
}
.itme h4{
    margin-bottom:10px;
}
.itme .col-6{
    padding-left:5px;
    padding-right:5px;
}
.itme1 img{
    width: 100%;
    margin-bottom:5px;
}
.itme2 img{
    width:276px;
    height:213px;
    margin-bottom:5px;
}
.itme4{
    border:1px solid #DEE7EE;
    padding:10px;
    margin-bottom: -22px;
    margin-top:-2px;
}
.itme4 p{
    font-size: 14px;
    color: #717D89;
}
.itme .img4{
    width:100%;
    margin-bottom:10px;
    margin-top: 10px;
}
.itme .img5{
    width:100%;
}
.itme7 img{
    width:70px;
    border-radius:50%;
}
.m-6-top h5{
    display: inline-block;
}
.m-6-top span{
    float: right;
    font-size:10px;
    color: #9DB1CB;
}
.col-3,.col-8{
    margin-bottom: 20px;
}
.col-3 .itme button{
    background:#fff;
    border:1px solid #2A88BD;
    border-radius:3px;
    height: 30px;
    width:89px;
    color: #2A88BD;
    margin-top: 10px;
}
.col-3 .itme6{
    border-top:1px solid #DDE7EE;
    padding: 10px;
    margin-left:-10px;
    margin-right:-10px;
    background: #F5F8FA;
}
.col-3 .itme h5{
    font-size: 15px;
    margin-top:10px;
}
.col-3 .itme p{
    color: #3E5562;
    margin-bottom: 5px;
}
.col-6 .itme p{
    margin-bottom: 10px;
    font-size:14px;
    color: #717D89;
}
.col-6 .itme p span{
    color:#3C3972;
}
footer{
    text-align: center;
    border: 1px solid #CCCCCC;
    margin-top:100px;
    height:150px;
    padding-top:45px;
    line-height: 35px;
}
footer p span{
    color: #30A3DC;
}
footer ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
footer ul li a{
    padding-left: 20px;
    color: #30A3DC;
}
@media (max-width:600px){
    .container{
        width:100%;
    }
    .row{
        width:100%;
        display:flex;
        flex-direction: column;
    }
    nav ul li a{
        display: flex;
        flex-wrap: wrap-reverse;
        padding-left:10px;
    }
    nav ul li:first-child img{
        padding-left:10px;
    }
    nav ul{
        width:100%;
        padding-left:10px;
        padding-right:10px;
    }
    .col-3{
        width:100%;
        margin:auto;
    }
    .col-6{
        width:100%;
    }
    .itme2 img{
        display:block;
        margin: 5px auto;
    }
    .itme3 .img2{
        left: 115px;
        top: -74px;
    }
    .itme,.itme3,.itme4{
        width: 100%;
        margin-left:15px;
    }
    .col-3 .itme:last-child{
        text-align: center;
    }
    footer{
        font-size: 10px;
        padding-top:35px;
        line-height:25px;
    }
}
@media (max-width:400px) {
    .itme3 .img2{
        left: 96px;
        top: -60px;
    }
    nav ul li a{
        font-size: 10px;
    }
}